*{margin: 0;padding: 0;}
body,html{font-size: 10px;color:#403333}
a{text-decoration: none;color:#403333}
li{list-style: none;}
.active{background-color: #CC0001;color: #fff;}
.clear{clear: both;}
.center{width:90%;margin: 0 auto;}
.header{position: fixed;top: 0;z-index: 11111;background-color: #fff;width: 100%;border-bottom: 1px solid #ccc;}

.swiper-container{margin-top: 10.1rem;}

.common header{display: flex;justify-content: space-between;}
.common .nav{width: 55%;}
.common .nav ul{}
.bbb{display: flex;justify-content: space-between;}
.common .flex_box{line-height: 7.8;width: 15%;}
.common .flex_box2{width: 30%;}
.common .tit{line-height: 3.8rem;color: #686868; font-weight: 400;border-left: 1px solid #686868;font-size: 1.99rem;margin-top: 3.2rem ;padding-left: 7%;}
.common .nav li{width: 13%;text-align: center;}
.common .nav a{display: block;	font-size: 1.4rem;line-height: 6rem;padding: 2rem 0rem;}
.common .nav a:hover{color: #fff;background-color: #DB2620;}
.logo{width: 80%;vertical-align: middle;}
.swiper-slide img{width: 100%;display: block;}
.common .title{text-align: center;margin-top: 3rem;margin-bottom: 3rem;}
.common  .title .one{font-size: 3rem;}
.common  .title .two{font-size: 2rem;color: #DB2620;border-bottom: 0.3rem solid #E2E2E2;padding-bottom: 1.5rem;width: 20rem;margin: 0 auto;}
.common .flex{display: flex;justify-content: space-between;}
.common .flexs{display: flex;justify-content: space-around;}
.common #main .left{width: 16%;}
.common #main .left li{background: url(../img/dian.png) no-repeat 4% center;text-indent: 3em;border: 1px solid #EBEBEB;margin:0px -1px -1px 0px ;}
.common #main .left a{line-height: 5rem;font-size: 1.5rem;display: block;}
.common #main .left a:hover{color: #fff;background-color: #ccc;}
.common #main .left .tel{background: url(../img/lxdh.jpg) no-repeat;margin-top: 2rem;color: #fff;overflow: hidden;height: 9rem;background-size: 100% 100%;}
.common #main .left .tel .tel_left{float: left;margin: 2.5rem 1rem 0 2rem;width: 20%;}
.common #main .left .tel .tel_left img{width:80% ;}
.common #main .left .tel .tel_right{float: left;margin-top: 3rem;font-size: 1.2rem;width: 50%;}
.common #main .left h2{font-size: 2.1rem;color: #fff;background-color: #CC0001;font-weight: 400;line-height: 7rem;text-align: center;}
/* content */
.common #main .right{width:73%;display: flex;flex-wrap: wrap;margin-left:15px;}
/* .common #main .right:after{content: "";flex: auto;} */
.common #main .rights{width: 82%;}
.common #main .right dl{ border: 1px solid #DEDEDE; margin-bottom: 3.3rem;text-align: center;margin-right:15px;padding:5px;}
.common #main .rights dl{border: 1px solid #DEDEDE;width: 100%;padding: 2rem 1rem;margin-bottom: 2rem;overflow: hidden;}
.common #main .right dt{width: 200px;height: 171px;overflow: hidden;}
.common #main .right dt img{transition:all 0.6s;width:100%;}
.common #main .rights dt img{width: 90%;height: 21rem;}
.common #main .rights dt {text-align: center;width: 20%;float: left;}
.common #main .rights dd {float: left;width: 70%;}
.common #main .rights .dd_tit{font-size: 2.2rem;font-weight: 600;}
.common #main .rights .dd_time{font-size: 1rem;color: #AEAEAE;line-height: 5rem;}
.common #main .rights .dd_content{font-size: 1.3rem;line-height: 2.5rem;color: #6A6B6B;}
.common #main .rights .dd_contents{width: 96%;}
.common #main .rights .dd_more{font-size: 1.3rem;color: #AEAEAE;background: url(../img/newsmore.png)no-repeat left center;text-indent: 2em;margin-top: 3rem;}
.common #main .right dt img:hover{transform:scale(1.1)}
.common #main .right dd{margin-top: 1.5rem;font-size: 1.3rem;}
.common .wz{width: 100%;background: #F2F9FE;overflow: hidden;}
.common .wz span{float: right;line-height: 5rem;font-size: 1.2rem;}
.common #main .right .xian{border-bottom: 1px solid #D73839;width: 10%;margin: 1.3rem auto;}
#index #main_Us .left{width: 50%;background-color: #F9F9F9;}

#index #main_Us .left h2{color: #EECFCF;font-size: 8rem;margin-top: 5rem;text-align: center;}
#index #main_Us .right{width: 50%;}
#index #main_Us .right img{width: 100%;}
#index #main_Us .a{display: flex;justify-content: space-between;}
#index #main_Us .pos{position: relative;}
#index #main_Us .pos_ab{background-color: #CC0001;color: #fff;width: 40%;position: absolute;top: 12rem;padding-left: 16%;padding-right: 5%;}
#index #main_Us .pos_ab h2{font-size: 2.5rem;font-weight: 400;margin-top: 5rem;}
#index #main_Us .pos_ab p{line-height: 2.5rem;margin-top: 2rem;font-size: 1.2rem;}
#index #main_Us .pos_ab .but{width: 22%;border: 1px solid #E68080;text-align: center;padding: 1rem 0;background-color: #B90404;margin-bottom: 5rem;margin-top: 2rem;}
#index #main_Us .pos_ab a{color: #fff;}
#index #main_News .three{margin-top: 5rem;}
#index #main_News .three span{border: 1px solid #ccc;padding: 1.5rem 4rem;margin:0px -1px -1px 0px ;cursor:pointer}
#index #main_News dl{width: 31%;}
#index #main_News dt{overflow: hidden;}
#index #main_News dt img{width: 100%;transition:all 0.6s;}
.common #main_News dt img:hover{transform:scale(1.1)}
#index #main_News .time{color: #ccc;}
#index #main_News dd{cursor:pointer;}
#index #main_News dd:hover{color: #CC0001;}
#index #main_News .ones{font-size: 1.7rem;font-weight: 600;line-height: 3rem;}
#index #main_News .twos{font-size: 1.3rem;line-height: 2rem;border-bottom: 1px solid #F3F3F3;padding-bottom: 1.5rem ;margin-bottom: 1.5rem;}
#index #main_News .li{background: url(../img/xwdian.png) no-repeat left center;text-indent: 2em;font-size: 1.3rem;line-height: 2rem;white-space:nowrap;text-overflow:ellipsis;overflow: hidden;}
footer{background: url(../img/footerbj.jpg) no-repeat; color: #ACB5A6;background-size: 100% 100%;margin-top: 6rem;}
footer .flex{padding-top: 3rem;}
footer .one{font-size: 1.6rem;}
footer .one img{vertical-align: middle;margin-right: 1rem;width: 30px;}
footer .two{font-size: 4.5rem;line-height: 6rem;color: #EB042B;margin-bottom: 2rem;}
footer .foot_C{font-size: 1.6rem;}
footer .foot_C .left{float: left;hieght:2rem;color: #666665;}
footer .foot_C .right{float: left;width: 60%;}
footer .foot_C .right span{padding-right: 2rem;cursor:pointer;}
footer .foot_C .right span:hover{color: #EECFCF;}
footer .foot_R{text-align: center;}
footer .foot_R dl{margin-left: 2rem;}
footer .foot_R img{width: 100%;margin-bottom: 1rem;}
footer .bottom{margin-top: 2rem;font-size: 1.6rem;line-height: 3.5rem;color:#666665;}
.nav_phone,.nav_phones{width: 73%;height:5rem;vertical-align: middle;margin-top: 1.5rem;}
.list{width: 100%;}
.list ul{width:60rem;margin: 0 auto;display: flex;justify-content: space-between;}
.list li{border: 1px solid #ccc;text-align: center;}
.list a{display: block;padding: 1rem 2rem;}
.right .box{border: 1px solid #ccc;width: 100%;padding: 2rem;margin-bottom: 2rem;}
.right .box .box_tit{font-size: 2rem;text-align: center;}
.right .box img{width: 100%;margin: 2rem 0;}
.right .box .box_p{font-size: 1.5rem;line-height: 2.2rem;}

.nav_phone,.nav_phones{display: none;}
.c{display: none;}

#main2{max-width:1400px;width: 100%;margin: 2% auto;display: flex;}
#main2 .main2zuo{width: 49%;}
#main2 .main2zuo img{width: 100%;}
#main2 .main2you{width: 49%;background-color: #CC0001;}
.main2li img{margin:10% auto;margin-left: 35%;color: #fff;}
.main2li .p1{width: 60%;margin: 0 auto;background: url(../img/contact_r4_c2.png) no-repeat 1%;padding-left: 7%;color: #fff;font-size: 1.8rem;}
.main2li .p2{width: 60%;margin: 5% auto;font-size: 1.8rem;background: url(../img/contact_r4_c4.png) no-repeat 1%;color: #fff;padding: 1rem 0 1rem 7%;}
.main2li{border: 2px solid #E06666;width: 96%;margin: 0 auto;margin-top: 0.7%;padding-bottom: 19%;}
#talent #main .rights dl{padding-left: 3%;}
.aaa{float: right;overflow: auto;height: 48rem;display: none;}
.p1{display: -webkit-box;-webkit-line-clamp:3;-webkit-box-orient: vertical;overflow: hidden;}
.p2{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.nav_phones{display: none;}
#more{display: none;}
@media only screen and (max-width:1024px) {
	.c{display: block;}
	#more{display: block;}
	.common .nav li{width: 13%;text-align: center;}
	.bbb{display: block;}
	.center{width: 100%;}
	.common #main .rights{width: 80%;}
	.common #main .right {width:95%;margin:0 auto;justify-content: space-between;}
	.common #main .right dt{width:170px;height: 152px;}
	.common #main .right dl{margin-bottom: 2rem;text-align: center;margin-right:0px;padding:5px;} 
	.common #main .rights dl{padding: 1rem 0;}
	.common #main .rights dt{width: 100%;float: none;margin: 0 auto;}
	.common #main .rights dd {float: none;width: 90%;margin: 0 2rem;}
	.common .tit{display: none;}
	.common .nav ul{flex-wrap: wrap;}
	.common #main .right{width: 90%;}
	.nav_phone{display: block;margin-right: 2rem;}
	.common .nav{display: none;}
	.common .nav li{width: 46%;text-align: left;margin-left: 3rem;}
	.swiper-container{margin-top: 8.6rem;}
	.logo{width: 100%;vertical-align: middle;padding: 1rem 0;height: 67.86px;margin-left: 2rem;}
	.common .flex_box{line-height: 5rem;width: 20%;}
	.common header{position: relative;height: 8.6rem;}
	.common .nav {position: absolute;top:8.7rem ;right: 0rem;background-color: #CC0001;text-align: center;z-index: 1000;width: 100%;}
	.common .nav a:hover{background-color: #CC0001;}
	.common .wz{display: none;}
	.common .nav a{line-height: 2rem;width: 11rem;color: #fff;}
	.common #main .left {display: none;}
	.common .flex{justify-content: space-around;}
	#index #main_Us .left{float: none;display: none;}
	#index #main_Us .right{float: none;width: 100%;}	
	#index #main_Us .right img{height: 40rem;display: block;}
	#index #main_Us .pos_ab{width: 80%;position: static;padding:3rem 10%}
	#index #main_Us .pos_ab h2{margin-top: 0;padding-top: 2rem;}
	#index #main_Us .pos{min-height: 0px;
	    min-width:0px;}
	#index #main_Us .pos_ab .but {margin-bottom: 0;}
	#index #main_News dl {width: 95%;margin-bottom: 1rem;}
	footer{margin-top: 2rem;}
	footer .foot_L{margin-left: 4%;margin-right: 4%;}
	footer .foot_C{display: none;}
	footer .center .flex{justify-content: space-between;flex-wrap: wrap;}
	footer .foot_R{padding-bottom: 2rem;}
	footer .bottom{display: none;}
	footer .foot_R dl {width: 50%;margin-bottom: 1rem;}
	.list{width:100%;}
	.list ul{width: 33rem;margin: 0 auto;}
	.list a{display: block;padding: 0.4rem 0.6rem;}
	
	

	#main2 .main2zuo{width: 49%;display: none;}
	#main2 .main2you{width: 95%;background-color: #fff;}
	.main2li .p1{width: 80%;margin: 0 auto;background: url(../img/contact_r4_c21.png) no-repeat 1%;padding: 1rem 0 1rem 7%;color: black;font-size: 2rem;}
	.main2li .p2{width: 80%;margin: 5% auto;background: url(../img/contact_r4_c41.png) no-repeat 1%;padding: 1rem 0 1rem 7%;color:black;font-size: 2rem;}
	.main2li{border: 0;width: 96%;margin: 0 auto;margin-top: 0.7%;padding-bottom: 23.5%;color: black;}
	.main2li img{margin:10% auto;margin-left: 40%;color: #fff;}
	#main2{max-width:1400px;width: 100%;margin: 2% auto;display: flex;justify-content: space-around;}
	#index #main_News .flex{flex-wrap: wrap;}
	.aaa{display: block;}
	.bbb{float: left;}

}

